.@{theme} {
  .ticket-list-wrap {
    position: absolute;
    top: 92px;
    bottom: 0;
    left: 0;
    right: 310px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: top .5s;
  }
  .ticket-filter-open {
    top: 317px;
  }
  .ticket-table {
    .table-column {
      max-width: 210px;
    }
    .ant-pagination{
      float: right;
      & > li{
        float: left;
      }
    }
  }
  .ticket-list {
    & > li {
      margin-bottom: 10px;
      background-color: @normal-bg-color;
      padding: 15px 10px 10px 20px;
      border-radius: 2px;
      h2 {
        font-weight: normal;
        line-height: 34px;
        font-size: 17px;
        .ticket-link{
          color:@fromList-title;
          float:left;
          max-width: 500px;
        }
        .ticket-link:hover {
          color: @active-font-color;
          text-decoration: underline;
        }
        .ticket-num {
          float: right;
          line-height: 20px;
          margin: 7px 0;
          font-size: 12px;
          font-weight: normal;
          color: @tip-color;
        }
      }
      ul.ticket-info {
        color: @normal-font-color;
        margin-bottom: 10px;
        li {
          line-height: 24px;
          .attention {
            top: 0;
            right: 0;
            .iconfont {
              color: @default-heart;
              font-size: 14px;
              vertical-align: middle;
              margin-right: 5px;
              &.icon-yiguanzhu {
                color: @red-heart;
              }
            }
            span {
              color: @default-heart;
            }
          }
          .priority {
            top: 0;
            right: 0;
            .iconfont {
              margin-left: 5px;
            }
            .stars {
              vertical-align: middle;
            }
          }
        }
      }
      .ticket-receive-type {
        border: 1px solid @light-border-color;
        padding: 3px 5px;
        margin-left: 50px;
        background-color: @light-bg-color;
        border-radius: 2px;
        color: @deep-font-color;
      }
      .manage-people {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: bottom;
      }
    }
    .ticket-finish{
      top: 16px;
      right: 30%;
      width: 108px;
      height: 89px;
      background: url() center center;
    }
  }
}
